<template>
  <div
      class="draggable sticky top-0 z-10 flex min-h-[60px] items-center justify-center border-transparent bg-token-main-surface-primary pl-0 md:hidden">
        <div class="no-draggable absolute bottom-0 left-0 top-0 ml-3 inline-flex items-center justify-center">
          <span class="flex mr-3" data-state="closed">
            <btn-new-chart />
          </span>
        </div>
      <div class="no-draggable">
        <menu-model />
      </div>
      <div class="no-draggable absolute bottom-0 right-0 top-0 mr-3 inline-flex items-center justify-center">
        <btn-login-mini />
      </div>
    </div>
</template>
<script setup>
import BtnLoginMini from './components/BtnLoginMini.vue'
import MenuModel from './components/MenuModel.vue';
import BtnNewChart from './components/BtnNewChart.vue';
</script>
<style lang="scss" scoped>
</style>
